.CarbonInfo {
  height: 100%;
  background-image: linear-gradient(
    180deg,
    #0a0d42 0%,
    rgba(7, 42, 112, 0.5) 100%
  );
  box-shadow: inset 0 2px 0 0 #1e0bff;
  margin-left: (100/1440) * 12vw;
  .title {
    width: 100%;
    height: (100/996) * 42vh;
    line-height: (100/996) * 42vh;
    background-image: linear-gradient(
      270deg,
      rgba(17, 84, 169, 0) 35%,
      rgba(7, 42, 112, 0.5) 100%
    );
    box-shadow: inset 0 2px 0 0 rgba(85, 84, 255, 0.3);
    border-radius: 0 0 0 12px;
    padding-left: (100/1440) * 12vw;
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: -0.07px;
    font-weight: 600;
    img {
      margin-right: (100/1440) * 8vw;
    }
  }
  .main {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: (100/996) * 20vh;
    .left,
    .right {
      width: 50%;
      display: flex;
      flex-direction: row;
      padding-left: (100/1440) * 10vw;
      padding-top: (100/996) * 10vh;
      img {
        width: (100/1440) * 48vw;
        height: (100/996) * 48vh;
        margin-right: (100/1440) * 8vw;
        margin-top: (100/996) * 4vh;
      }
      .totalT {
        font-family: MicrosoftYaHei;
        font-size: 12px;
        color: #52caff;
        letter-spacing: -0.06px;
        font-weight: 400;
      }
      .total {
        font-family: PingFang-SC-Semibold;
        font-size: 16px;
        color: #ffffff;
        letter-spacing: -0.08px;
        line-height: (100/996) * 24vh;
        font-weight: 600;
      }
    }
    .right {
      border-left: 1px solid #1e2f5a;
      padding-left: (100/1440) * 12vw;
    }
  }
}
